.box-page{
    padding: 20rpx 0rpx 0 0rpx;
    box-sizing: border-box;
    .list{
        // padding: 25rpx;
        // background-color: #000;
        // background:rgba(255,255,255,1);
        // box-shadow:0rpx 10rpx 10rpx 0rpx rgba(153,174,223,0.1);
        // border-radius:20rpx;
        color: #343434;
        font-size: 28rpx;
        margin-bottom: 32rpx;
        .title{
            font-size: 28rpx;
            margin: 0 32rpx;
            padding: 0 32rpx;
            color: #fff;
            background-color: #000;
            font-weight: bold;
            line-height: 100rpx;
            height: 100rpx;
            border-top-left-radius: 10rpx;
            border-top-right-radius: 10rpx;
            .icon{
                padding: 0rpx 4rpx;
                background-color: #F2A481;
                border-radius: 4rpx;
                margin-right: 20rpx;
            }
            .look_more{
                float: right;
                color: #666666;
                font-size: 24rpx;
                font-weight: normal;
            }
            .look_more_img{
                float: right;
                width: 24rpx;
                height: 24rpx;
                margin: 40rpx 0 0 10rpx;
            }
        }
        .join-user-log{
          height: 88rpx;
          border-top: 1px solid $color-border;
          background-color: #fff;
          padding: 0 32rpx;
          @include flex;
          @include a-center;
          @include j-between;
          image{
            width: 30rpx;
            height: 30rpx;
          }
          .flex-block{
            @include flex;
            @include a-center;
          }
          .text{
            margin-left: 15rpx;
          }
        }
        .list_box_all{
          background-color: #000;
          background-image: url('~@/static/images/commission/bg_box_detail.png');
          background-size: 100% 100%;
        }
        .list_box{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            width: 100%;
            align-items: center;
            padding: 64rpx 0;
            .box{
                flex: 1;
                text-align: center;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                font-size: 48rpx;
                font-weight: bold;
                .text{
                    font-size: 28rpx;
                    color: #9296A5;
                    font-weight: normal;
                }
            }
            .b-r{
              
              // border-right: 1px solid #EAEAEA;
            }
        }
        .b_b{
          padding-bottom: 0;
            // border-bottom: 1px solid #EAEAEA;
        }
    }
    .boxDeatils{
        padding: 0;
        box-shadow:none;
        background-color: #fff;
        border-radius:0;
        margin-top: 20rpx;
    }
    .boxDetailsNew{
      padding: 0;
      box-shadow:none;
      border-radius:0;
      margin-top: 20rpx;
  }
    .empty_view{
      @include sub-item;
      margin: 0 auto;
      width: 240rpx;
      height:240rpx;
      margin-top: 35vh;
      .empty_img{
          width: 240rpx;
          height: 240rpx;
      }
      .tit{
          color: #000;
          margin-top: 10rpx;
          text-align: center;
          font-size: 28rpx;
      }
    }
}
.boxDetails_page{
    padding: 0;
    box-sizing: border-box;
    .boxDetails_nav{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        // height: 88rpx;
        .title_nav {
            font-size: 30rpx;
            line-height: 88rpx;
            font-weight: bold;
            text-align: center;
        }
        .header-left {
            height: 40rpx;
            width: 40rpx;
            margin: 24rpx 0 24rpx 11rpx;
        }
        .header-right {
            height: 50rpx;
            width: 35rpx;
            margin: 17rpx 22rpx 17rpx 0rpx;
            /* #ifdef MP-WEIXIN */
            padding-right: 190rpx;
            /* #endif */
        }
    }
    .directCount{
        font-size: 28rpx;
        color: #000000;
        font-weight: bold;
        text-indent: 20rpx;
        margin: 32rpx 0 32rpx 0;
    }
    .directList{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding: 40rpx 34rpx;
        background-color: #ffffff;
        font-size: 26rpx;
        align-items: center;
        margin-top: 20rpx;
        color: #666666;
        .direct_left{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 460rpx;
            .directList_img{
                width: 88rpx;
                height: 88rpx;
                margin-right: 20rpx;
                border-radius: 50%;
            }
            .nickname{
                width: 320rpx;
                @include text-ellipsis;
            }
            
        }
        .blod_span{
            color: #000;
            font-weight: bold;
        }
    }
    .empty_view{
        margin-top: 22vh;
    }
    .nomore{
        text-align: center;
        color: #999;
        height: 80rpx;
        line-height: 80rpx;
    }
}